<template>
	<view>
		<u-list @scrolltolower="scrolltolower">
			<u-list-item v-for="(item, index) in guidanceList" :key="index">
				<u-cell :title="item.title" isLink rightIconStyle='font-size:40rpx'titleStyle="font-size:30rpx" @click="getGuidanceDetail(item)"></u-cell>
			</u-list-item>
		</u-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				guidanceList: [{
					title: '预约挂号流程',
					images: ['https://cdn.uviewui.com/uview/album/1.jpg']
				}, {
					title: '就诊充值流程',
					images: ['https://cdn.uviewui.com/uview/album/1.jpg']
				}, {
					title: '门诊缴费流程',
					images: ['https://cdn.uviewui.com/uview/album/1.jpg']
				}, {
					title: '核酸检测流程',
					images: ['https://cdn.uviewui.com/uview/album/1.jpg','https://cdn.uviewui.com/uview/album/1.jpg']
				}, {
					title: '处方查询流程',
					images: ['https://cdn.uviewui.com/uview/album/1.jpg']
				}, {
					title: '信息查询',
					images: ['https://cdn.uviewui.com/uview/album/1.jpg']
				}]
			}
		},
		methods: {
			//跳转指引详情页面
			getGuidanceDetail(item){
				let data = encodeURIComponent(JSON.stringify(item))
				console.log(item)
				console.log(data)
				uni.navigateTo({
					url:'/pages/guidanceDetail/guidanceDetail?data='+data
				})
			},
			//列表滚动到底部
			scrolltolower() {
				console.log(1)
			}
		}
	}
</script>

<style>

</style>
